/*
 * -----Layout CSS-------
 * CSS start theme file
 * 
 * author: Kevin Noorlander
 * 
 * 
 * 
 * 
 */
 
/**********************************
 * 
 *  Utils
 *  
 ********************************/
 
/**** Reset *****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}
/* Clear fixes for sticky footer */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {display: block;}
.clear{ clear:both; }
.hidden{ display: none;}
.nolist li{list-style: none;}
a img {border:none;}

/**********************************
 * 
 *  Fonts
 *  
 ********************************/

@font-face {
    font-family: 'HNLTP';
    src: url('../fonts/helveticaneueltpro-blkcn-webfont.eot');
    src: local('☺'), url('../fonts/helveticaneueltpro-blkcn-webfont.woff') format('woff'), url('../fonts/helveticaneueltpro-blkcn-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltpro-blkcn-webfont.svg#HelveticaNeueLTPro97BlkCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**********************************
 * 
 *  Core
 *  
 ********************************/
 
html {
	height: 100%;
}
	body {
		background: #DDD;
		color: #464646;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
	 	font-size: 62.5%;
		height: 100%;
	}
    
/**********************************
 * 
 *  Containers 
 *  
 ********************************/
 
#container { 
	height: 100%;
	margin: 0 auto;
	width: 975px;
    background: #DDD url('../images/background.gif') 0 0 repeat-y;
    font-size: 12px;
}
	
body > #container{
	height: auto; 
	min-height: 100%;
}

#layout {
    clear: both;
    margin: 0 auto 0 auto;
    overflow: hidden;	
    width: 975px;
}
		
#content {	
    float: left; 	
    padding:3px 5px 0;	
    text-align: left;
    width: 478px;
    min-height: 300px;	
    overflow: hidden;
    position: relative;
    background: #F2F1F1 url('../images/container.png') 0 0 no-repeat;
}

#contentinner {
    padding: 0 15px;
    width: 448px;
}


/**********************************
 * 
 *  Header
 *  
 ********************************/
 
#header {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 975px;
    height: 200px;	
}
#header a.home{ 
    background: #FFF url('../images/logo.gif') no-repeat top left;		 	
    display:block;
    height: 50px;
    margin: 0;		
    overflow: hidden;
    position: absolute;
    top: 100px;
    left:13px;
    width: 215px; 
}
#header a.home span { 
    display:none;
}

#header #mainbanner{
    position:absolute;
    left: 251px;
    top: 7px;
    width: 488px;
    height: 184px;
    background: transparent url('../images/shadow.png') bottom left no-repeat;
}

#header #mainbanner img{
    position: absolute;
    top: 0;
    left: 0;
}

#header #rightbanner{
    position:absolute;
    right: 0px;
    top: 7px;
    width: 222px;
    height: 186px;
    background: transparent url('../images/bottom.png') bottom left no-repeat;
}

#header #rightbanner img{
    position: absolute;
    top: 0;
    left: 0;
}

/**********************************
 * 
 *  Breadcrumbs
 *  
 ********************************/
 
#breadcrumbs { 
    color: #737373;
    font-size: 14px; 
    text-align: left;
    height: 16px;
    line-height: 16px;
    font-weight: bold;
}

#breadcrumbs a {
    text-decoration: none;
    color: #BDB9B9;
    font-weight: normal;
}

#breadcrumbs span {
    color: #00ADEF;
    letter-spacing: -1px;
}
		
        
/**********************************
 * 
 *  Left Sidebar
 *  
 ********************************/

#sidebarleft {
    width: 237px;
    float:  left;
    margin-right: 14px;
    overflow: hidden;
    position: relative;
}

/* Search */
#searchbox {
    float: left;
    width: 219px;
    height: 50px;
    padding: 9px;
    background: transparent url('../images/search.png') 0 0 no-repeat;
    margin-bottom: 6px;
}

#searchbox #searchtext {
    font-family: 'HNLTP';
    float: left;
    display: block;
    height: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 3px;
}

#searchbox #SearchForm_SearchForm {
    float: left;
}

#searchbox fieldset {
    float: left;
    width: 217px;
}

form#SearchForm_SearchForm fieldset .middleColumn{
	padding: 0;
	margin: 0;
    width: 217px;
}

#searchbox input.text {
    clear: both;
    width: 209px !important;
    height: 21px !important;
    border: none !important;
    background: transparent url('../images/searchbar.gif') 0 0 no-repeat !important;
    color: #999;
    font-weight: normal;
    line-height: 20px;
    padding: 2px 5px !important;
}

#searchbox .action {
    display: none;
}

/* Facebook */
#facebook {
    float: left;
    display: block;
    width: 237px;
    height: 33px;
    background: transparent url('../images/facebook.png') 0 0 no-repeat;
    margin-bottom: 6px;
}

/* Navigation */
#navigation, .submenu { 
    list-style: none; 
    margin: 0 !important;
    float: left;
}

#navigation li { 		
    float: left;
    width: 237px;
    margin: 0; 
}
		
#navigation li.top a { 
    background: transparent url('../images/navigationtop.png') 0 0;
    width: 207px;
    height: 28px;
    margin-bottom: 3px;
    color: #fff;
    display: block; 
    float: left;
    padding: 0 15px 5px;
    line-height: 28px;
    text-decoration: none;
    overflow: hidden;
}

#navigation li.secure a {
    background: transparent url('../images/navigationtop.png') 0 -66px;
}

#navigation li ul li.sub a { 
    background: transparent url('../images/navigationsub.png') 0 0;
    width: 147px;
    height: 28px;
    margin-bottom: 3px;
    color: #fff;
    display: block; 
    float: left;
    padding: 0 40px 5px 50px;
    line-height: 28px;
    text-decoration: none;
    overflow: hidden;
}

#navigation li.secure ul li.sub a { 
    background: transparent url('../images/navigationsub.png') 0 -66px;
}
			
#navigation li.top a:hover,			
#navigation li.top a.section, 
#navigation li.top a.current { 
    background: transparent url('../images/navigationtop.png') 0 -33px;
}

#navigation li.secure a:hover,			
#navigation li.secure a.section, 
#navigation li.secure a.current { 
    background: transparent url('../images/navigationtop.png') 0 -99px;
}

#navigation li ul li.sub a:hover,
#navigation li ul li.sub a.section, 
#navigation li ul li.sub a.current { 
    background: transparent url('../images/navigationsub.png') 0 -33px;
}

#navigation li.secure ul li.sub a:hover,
#navigation li.secure ul li.sub a.section, 
#navigation li.secure ul li.sub a.current { 
    background: transparent url('../images/navigationsub.png') 0 -99px;
}

/**********************************
 * 
 *  Right Sidebar
 *  
 ********************************/
 
 #sidebar {
    width: 222px;
    float: right;
    margin-left: 14px;
    overflow: hidden;
    position: relative;
 }
 
 #sidebar a#nieuwsbrief {
     display: block;
     float: right;
     width: 222px;
     height: 68px;
     background: transparent url('../images/nieuwsbrief.png') 0 0 no-repeat;
     
 }
 
 #sidebar #randomshop{
    float: right;
    width: 222px;
    height: 259px;
    margin-top: 6px;
    background: transparent url('../images/bottom.png') bottom left no-repeat;
    position: relative;
}

#sidebar #randomshop .inner {
    position: absolute;
    top: 0;
    bottom: 5px;
    height: 234px;
    width: 202px;
    padding: 10px;
    background: #87B31C;
    color: #FFF;
}

#sidebar #randomshop .inner img {
    width: 150px;
    height: 122px;
    padding: 11px 12px 12px 41px;
    margin: 0 auto;
    background: transparent url('../images/spotlight.png') 0 0 no-repeat;
}

#sidebar #randomshop .inner p {
    color: #FFF;
    line-height: 1.3;
    margin: 0;
    padding: 0;
}

#sidebar #randomshop .inner a.readmore {
    display: block;
    width: 58px;
    height: 16px;
    background: #FFF;
    color: #87B31C;
    line-height:16px;
    text-align: center;
    position: absolute;
    bottom: 8px;
    right: 10px;
    text-decoration: none;
}

#sidebar .randomshopshort {
    height: 125px !important;
}

#sidebar .randomshopshort .inner {
    height: 100px !important;
}

#sidebar #latestnews {
    float: right;
    width: 222px;
    height: 224px;
    margin-top: 6px;
    background: transparent url('../images/bottom.png') bottom left no-repeat;
    position: relative;
}

#sidebar #latestnews .inner {
    position: absolute;
    top: 0;
    bottom: 5px;
    height: 199px;
    width: 202px;
    padding: 10px;
    background: #315C9A;
    color: #FFF;
}

#sidebar #latestnews .inner .newsdate {
    padding-top: 8px;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    display: block;
}

#sidebar #latestnews .inner .newstitle {
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    width: 100%;
    display: block;
    border-bottom: 2px solid #FFF;
    margin: 0;
    padding-bottom: 8px;
    overflow: hidden;
}

#sidebar #latestnews .inner .last {
    border: none;}

#sidebar #latestnews .inner a.readmore {
    display: block;
    width: 58px;
    height: 16px;
    background: #FFF;
    color: #315C9A;
    line-height:16px;
    text-align: center;
    position: absolute;
    bottom: 8px;
    right: 10px;
    text-decoration: none;
}



 
 /**********************************
 * 
 *  Pages
 *  
 ********************************/
 
 #mainimage {
     float: right;
     margin: 0 0 10px 10px;
 }
 /* Login */
#logincontainer{
    width: 218px;
    padding: 10px 10px 35px;
    background: #87B31C;
    margin: 30px auto;
    position: relative;
    color: #FFF;
}

#logincontainer .middleColumn { 
    width: 218px;
    background: none;
    margin: 0;
    padding: 0;
}

#logincontainer .middleColumn input.text {
    padding: 2px;
    width: 214px;
}

#logincontainer label {
    color: #FFF;
    margin: 5px 0 0;
    font-size: 12px;
}

#logincontainer p#Remember,
#logincontainer p#ForgotPassword{
    display: none;
}

#logincontainer .Actions {
    position: absolute;
    bottom: -9px;
}

#logincontainer .Actions input {
    border: none;
    background: transparent url('../images/login.png') 0 0 no-repeat;
    width: 65px;
    height: 32px;
    text-indent: -999px;
}

#logincontainer .Actions #CustomLoginForm_LoginForm_action_logout {
    background: transparent url('../images/logout.png') 0 0 no-repeat;
}

#logincontainer .message {
    color: #FFF;
}
 
 /* News */
ul#newslist {
     list-style: none;
     margin: 0px;
 }
 
ul#newslist li,
#articlehead {
     margin: 0;
     width: 448px;
     overflow: hidden;
     color: #464646; 
     position: relative;
 }
 
 #articlehead {
    height: 16px;
    line-height:16px;
 }
 
span.newstitle {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-left: 10px;
 }
 
a.morenews, 
a.backtonews {
     position: absolute;
     display: block;
     right: 0;
     top: 1px;
     width: 57px;
     height: 15px;
     line-height: 15px;
     background: #315C9A;
     color: #FFF !important;
     text-decoration: none !important;
     text-align: center;
     letter-spacing: -0.3px;
 }
 
 div.newscontent {
     border-top: 1px solid #315C9A;
     min-height: 1px;
     width: 448px;
     padding: 10px 0 0;
     margin: 0 0 5px;
 }
 
 div.newscontent .newsslide {
     display: none;
     margin-bottom: 20px;
 }
 
 /* Shops */
 .typography .shoplist {
     line-height: 18px;
 }
 
 .typography .pagelinks {
     display: block;
     width: 100%;
     color: #558DA1;
     margin-bottom: 25px;
     text-transform: uppercase;
     letter-spacing: -0.8px;
 }
 .typography .pagelinks a {
     text-transform: uppercase;
     color: #558DA1;
     font-weight: bold;
 }
 
 .typography .shoptarget {
     text-transform: uppercase;
     color: #558DA1;
     font-weight:bold;
 }
 
 .typography a.shoplink {
     color: #464646;
 }
 
 /* Shop Details Basic */
 .hourscontainer {
     width: 168px;
     height: 227px;
     background: #87B31C;
     margin: 15px 15px 15px 0;
     padding: 9px;
     position: relative;
 }

 .hourstitle {
     display: block;
     width:166px;
     height: 20px;
     line-height: 20px;
     color: #FFF;
}
 
 .hoursinner {
     position: absolute;
     width: 168px;
     height: 191px;
     background: #FFF;
     left: 0;
     bottom: 0;
 }
 
 .hoursinner table {
     width: 168px;
     height: 186px;
     overflow: hidden;
     margin-top: 2px;
     margin-bottom: 3px;
 }
 
 .hoursinner table tr td.days {
     width: 71px;
     padding-right: 5px;
     color: #6DB2CC;
     text-align: right;
 }
 
 .hoursinner table tr td.times {
     width: 90px;
 }
 
 /* Premium */
 
 .photocontainer {
     width: 327px;
     height: 215px;
     margin: 30px auto 20px;
     background: transparent url('../images/gallerybg.png') 0 0 no-repeat;
     position: relative;
     padding: 10px 15px;
 }
 
 .photocontainer a.hiddenimage {
     display: none;
 }
 
 .gallerybar {
     display: block;
     width: 357px;
     height: 33px;
     position: absolute;
     left: 0;
     top: 127px;
     background: transparent url('../images/gallerybar.png') 0 0 no-repeat;
     z-index: 2;
 }
 
 .gallerybar img {
     display: none;
 }
 
 
 .hourscontainerbig {
     width: 432px;
     height: 227px;
     background: #87B31C;
     margin: 15px 0 40px;
     padding: 9px;
     position: relative;
 }
 
 .hourscontainerleft {
     width: 254px;
     height: 225px;
     position: absolute;
     top: 10px;
     left: 10px;
 }
 
.hourscontainerright {
     width: 168px;
     height:225px;
     position: absolute;
     top: 10px;
     right: 10px;
 }
 
 .hoursinfo1, .hoursinfo2, .hoursinfo3 {
     position: absolute;
     width: 232px;
     height: 34px;
     left:0;
     background: #FFF;
     padding:10px;
     line-height: 17px;
 }
 
 .hoursinfo1 {
     bottom: 137px;
 }
 
  .hoursinfo2 {
     bottom: 68px;
 }
 
  .hoursinfo3 {
     bottom: 0;
 }
 
 .prev { float: left; }
 .next { float: right; }

/**********************************
 * 
 *  Search Results
 *  
 ********************************/
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		border-bottom: 1px solid #ccc;
		font-size: 1em;
		list-style: none;
		margin: 15px 20px;	
		padding-bottom: 10px;
		
	}
        
/**********************************
 * 
 *  Pagination
 *  
 ********************************/
        
#PageNumbers {
    height: 15px;
    overflow: hidden;
    margin: 35px 0 10px;
    clear: both;
}

#PageNumbers div {
    float: left;
}

.pager {
    display: block;
    width: 15px;
    height: 15px;
    background: #666;
    color: #fff;
    float: left;
    line-height: 15px;
    text-align: center;
    margin: 0 2px;
}

.currentp {
    background: #87B31C;
}